<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8"/>
	<script src="js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/public.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/pro.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/cart.js" type="text/javascript" charset="utf-8"></script>
    <title>雨母书城-购物车</title>
	<link rel="shortcut icon" href="img/temp/logo1.png">
    <link rel="stylesheet" type="text/css" href="css/public.css"/>
	<link rel="stylesheet" type="text/css" href="css/index.css"/>
    <link rel="stylesheet" type="text/css" href="css/proList.css"/>
</head>
<body>
<!------------------------------head------------------------------>
	<div class="head">
		<div class="wrapper clearfix">
			<div class="clearfix" id="top">
				<h1 class="fl"><a href="index.html"><img src="img/temp/logo.png"/></a></h1>
				<div class="fr clearfix" id="top1">
					<p class="fl">
						<a href="login.html" id="login">登录</a>
						<a href="reg.html" id="reg">注册</a>
					</p>
					<form action="#" method="get" class="fl">
						<input type="text" placeholder="热门搜索：考研数学"/>
						<input type="button"/>
					</form>
					<div class="btn fl clearfix">
						<a href="mygxin.html"><img src="img/grzx.png"/></a>
						<a href="cart.html"><img src="img/gwc.png"/></a>
					</div>
				</div>
			</div>
			<ul class="clearfix" id="bott">
				<li><a href="index.html" class="head_bott_index">首页</a></li>
				<li><a href="teach.html">教育</a>
				</li>
				<li><a href="technology.html">科技</a>
				</li>
				<li><a href="arts.html">人文社科</a>
				</li>
				<li><a href="novel.html">小说</a></li>
			</ul>
		</div>
	</div>
	
	
	<div class="cart ">
		<!-----------------logo------------------->
	    <!--<div class="logo"><h1 class="wrapper clearfix"><a href="index.html"><img class="fl" src="img/temp/logo.png"></a><img class="top" src="img/temp/cartTop01.png"></h1></div>-->
	    <!-----------------site------------------->
	    <div class="site">
			<p class=" wrapper clearfix">
				<span class="fl" >购物车</span>
				<img class="top" src="img/temp/cartTop01.png">
				<a href="index.html" class="shopping fr">继续购物&gt;</a>
			</p>
		</div>
		<!-----------------table------------------->
	    <div class="table wrapper">
	        <div class="tr">
	            <div>商品</div>
	            <div>单价</div>
	            <div>数量</div>
	            <div>小计</div>
	            <div>操作</div>
	        </div>
	        <div class="th">
	            <div class="pro clearfix">
					<label class="fl"><input type="checkbox"/><span></span></label>
					<a class="fl"href="#">
	                <dl class="clearfix">
	                    <dt class="fl"><img src="img/temp/cart01.jpg"></dt>
	                    <dd class="fl">
							<p class="subject">考研英语</p>
	                        <p>图书分类:</p>
	                        <p class="book_class">教育</p>
						</dd>
	                </dl>
	                </a>
				</div>
	            <div class="price"><p class="prices">￥20.00</p></div>
	            <div class="number">
					<p class="num clearfix">
				        <img class="fl sub" src="img/temp/sub.jpg">
					    <span class="fl">1</span>
				     	<img class="fl add" src="img/temp/add.jpg">
					</p>
				</div>
	            <div class="price sAll"><p class="prices_all">￥20.00</p></div>
	            <div class="price"><a class="del" href="#2">删除</a></div>
	        </div>
			
	        <div class="th">
	            <div class="pro clearfix">
	        		<label class="fl"><input type="checkbox"/><span></span></label>
	        		<a class="fl"href="#">
	                <dl class="clearfix">
	                    <dt class="fl"><img src="img/temp/cart02.jpg"></dt>
	                    <dd class="fl">
	        				<p class="subject">考研英语</p>
	                        <p>图书分类:</p>
	                        <p class="book_class">教育</p>
	        			</dd>
	                </dl>
	                </a>
	        	</div>
	            <div class="price"><p class="prices">￥20.00</p></div>
	            <div class="number">
	        		<p class="num clearfix">
	        	        <img class="fl sub" src="img/temp/sub.jpg">
	        		    <span class="fl">1</span>
	        	     	<img class="fl add" src="img/temp/add.jpg">
	        		</p>
	        	</div>
	            <div class="price sAll"><p class="prices_all">￥20.00</p></div>
	            <div class="price"><a class="del" href="#2">删除</a></div>
	        </div>
			
			<div class="th">
			    <div class="pro clearfix">
					<label class="fl"><input type="checkbox"/><span></span></label>
					<a class="fl"href="#">
			        <dl class="clearfix">
			            <dt class="fl"><img src="img/temp/cart03.jpg"></dt>
			            <dd class="fl">
							<p class="subject">考研英语</p>
			                <p>图书分类:</p>
			                <p class="book_class">教育</p>
						</dd>
			        </dl>
			        </a>
				</div>
			    <div class="price"><p class="prices">￥20.00</p></div>
			    <div class="number">
					<p class="num clearfix">
				        <img class="fl sub" src="img/temp/sub.jpg">
					    <span class="fl">1</span>
				     	<img class="fl add" src="img/temp/add.jpg">
					</p>
				</div>
			    <div class="price sAll"><p class="prices_all">￥20.00</p></div>
			    <div class="price"><a class="del" href="#2">删除</a></div>
			</div>
			
			<!-- 无商品提示 -->
	        <div class="goOn">空空如也~<a href="index.html">去逛逛</a></div>
			
			<!-- 底部结算 -->
	        <div class="tr clearfix">
				<label class="fl"><input class="checkAll" type="checkbox"/><span></span></label>
	            <p class="fl"><a href="#">全选</a><a href="#" class="del">删除</a></p>
	            <p class="fr">
					<span>共<small id="sl">0</small>件商品</span><span>合计:&nbsp;<small id="all">￥0.00</small></span>
					<a href="order.html" class="count">结算</a>
			    </p>
			</div>
			
	    </div>
	</div>
	
	<div class="mask"></div>
	<div class="tipDel"><p>确定要删除该商品吗？</p>
	    <p class="clearfix"><a class="fl cer" href="#">确定</a><a class="fr cancel" href="#">取消</a></p>
	</div>
	<!-- 右下角导航栏 -->
	<!-- <div class="gotop"><a href="cart.html">
	    <dl>
	        <dt><img src="img/gt1.png"/></dt>
	        <dd>去购<br/>物车</dd>
	    </dl>
	</a><a href="#" class="dh">
	    <dl>
	        <dt><img src="img/gt2.png"/></dt>
	        <dd>联系<br/>客服</dd>
	    </dl>
	</a><a href="mygxin.html">
	    <dl>
	        <dt><img src="img/gt3.png"/></dt>
	        <dd>个人<br/>中心</dd>
	    </dl>
	</a><a href="#" class="toptop" style="display: none;">
	    <dl>
	        <dt><img src="img/gt4.png"/></dt>
	        <dd>返回<br/>顶部</dd>
	    </dl>
	</a>
	    <p>400-800-8200</p></div> -->

<!-- 底部信息 -->
	<div class="footer">
		<div class="top">
			<div class="wrapper">
				<div class="clearfix"><a href="#2" class="fl"><img src="img/foot1.png"/></a><span class="fl">7天无理由退货</span>
				</div>
				<div class="clearfix"><a href="#2" class="fl"><img src="img/foot2.png"/></a><span class="fl">15天免费换货</span>
				</div>
				<div class="clearfix"><a href="#2" class="fl"><img src="img/foot3.png"/></a><span class="fl">满599包邮</span>
				</div>
				<div class="clearfix"><a href="#2" class="fl"><img src="img/foot4.png"/></a><span class="fl">手机特色服务</span>
				</div>
			</div>
		</div>
		<p class="dibu">雨母书城&copy;2021版权所有 <br/>
			本网站所列数据，除特殊说明，所有数据均出自我方测试</p>
	</div>
</body>
</html>